<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>
            阳光成单系统
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="./css/x-admin.css" media="all">
    </head>
    
    <body>
        <div class="x-body">
            <form class="layui-form" id="set_designer" onsubmit="return false">
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        ID
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="designerid" name="designerid" required="" lay-verify="required"
                        autocomplete="off"  readonly="" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>设计师名称
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="designername" name="designername" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                 <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>设计师职位
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="designerposition" name="designerposition" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                 <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">
                        <span class="x-red"></span>设计师头像
                    </label>
                    <div class="layui-input-inline">
                    	<input id="designerhead" name="designerhead"/>
                    </div>
                    	<img src="../" id="imgs1" name="imgs1">
                      <div class="layui-input-inline">
                        <button type="button" class="layui-btn" id="btn_add">
                        	<i class="layui-icon">&#xe67c;</i>选择图片
                        </button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                    </label>
                    <button onclick="setdesigner()"  class="layui-btn" lay-filter="save" lay-submit="">
                        保存
                    </button>
                </div>
            </form>
        </div>
        <script src="./lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="./js/x-layui.js" charset="utf-8">
        </script>
        <script>
            layui.use(['form','layer','upload'], function(){
            	$ = layui.jquery;
    			layer = layui.layer;
    			$(function() {
    				getDesignerld();
    			});
    			
    			var upload = layui.upload;
                var uploadInst = upload.render({
                	elem:'#btn_add'//绑定元素
                	,url: '../adminProduct?reqName=upload'// 上传接口
                	,acceptMime:'image/*'
                	,done:function(res){
                		//上传完毕回调
                		//把返回的图片放在img标签scr里
                		if(res.success){
                			$("#imgs1").attr("src","../"+res.remark);//把返回的图片名,保存在隐藏域
                			$("#designerhead").val(res.remark);
                			layer.msg('上传成功',{
                				icon:6,
                				time:1500
                			});
                		}
                	}
                ,error:function(){
              	  //请求异常回调
              	  layer.msg("修改失败",{
              		  icon:2,
              		  time:2000
              	  });
                }
                	
                });
            });
            function getDesignerld() {
    			$.post("../adminDesigner?reqName=getDesignerId", {
    				designerid:sessionStorage.getItem("designerid")
    			//从浏览器绘画对象中获得值
    			}, function(res) {
    				$("#designerid").val(res.designerid);
    				$("#designername").val(res.designername);
    				$("#designerposition").val(res.designerposition);
    				$("#designerhead").val(res.designerhead);
    			}, "json");
    		};
    		function setdesigner() {
    			var name = $("#designername").val();
    			if (name == null || name == "") {
    				return false;//停止运行
    			}
    			$.post("../adminDesigner?reqName=setDesigner", $("#set_designer").serialize(), function(res) {
    				if (res.success) {
    					layer.alert(res.message)
    					var index = parent.layer.getFrameIndex(window.name);
    					parent.layer.close(index);//关闭当前页
    					parent.selDesigner();//重新调用父亲selProductcategories()
    				} else {
    					layer.alert(res.message)
    				}
    			}, "json");
    		};
        </script>
        
    </body>

</html>